<template>
  <div>
    <Header :car="car" :changeCar="changeCar"></Header>
    <hr />
    <List :car="car"></List>
  </div>
</template>

<script>
import Header from "./components/Header/Header.vue";
import List from "./components/List/List.vue";
export default {
  name: "App",
  //注册组件
  components: { Header, List },
  data() {
    return {
      count: 1,
      car: "M4",
    };
  },
  methods: {
    changeCar() {
      this.car = "425i";
    },
  },
};
</script>

<style></style>
